<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>商城</title>

    <!-- core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <link href="css/owl.carousel.min.css" rel="stylesheet">
    <link href="css/icomoon.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">

	<!-- 商品 -->
	  <link href="img/favicon.png" rel="icon">
	  <link href="img/apple-touch-icon.png" rel="apple-touch-icon">
	  <!-- Custom styles for this template -->
	  <link href="css/style.css" rel="stylesheet">

</head>
<!--/head-->

<body class="homepage">

    <header id="header">
        <div class="top-bar">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-xs-12">
                        <div class="top-number">
                            <p><i class="fa fa-phone-square"></i> +400 800 8800</p>
                        </div>
                    </div>
					<div class="collapse navbar-collapse navbar-right">
					    <form role="form">
					        <input type="text" class="search-form" autocomplete="off" placeholder="告诉我你想做什么">
					        <i class="fa fa-search"></i>
					    </form>
						
					</div>
                </div>
            </div>
            <!--/.container-->
        </div>
        <!--/.top-bar-->

        <nav class="navbar navbar-inverse" role="banner">
            <div class="container">
                <div class="navbar-header">
					<a class="navbar-brand" href="index.html">高端商城</a>
                </div>

                <div class="collapse navbar-collapse navbar-right">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="/index.html">首页</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">分类查看<i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu">
                                <li><a id="load-first-id">手机</a></li>
                                <li><a id="load-second-id">电视</a></li>
                                <li><a id="load-tuijian-id">强力推荐</a></li>
                            </ul>
                        </li>
						<li><a id="load-host-id">今日推荐</a></li>
						<li><a href="#">消息</a></li>
						<li><a id="load-cart-id">我的订单</a></li>
						<li><a href="http://127.0.0.1:10248">管理员模式</a></li>
                    </ul>
                </div>
            </div>
            <!--/.container-->
        </nav>
        <!--/nav-->
    </header>
    <!--/header-->

    <section id="main-slider" class="no-margin">
        <div class="carousel slide">
            <ol class="carousel-indicators">
                <li data-target="#main-slider" data-slide-to="0" class="active"></li>
                <li data-target="#main-slider" data-slide-to="1"></li>
                <!-- <li data-target="#main-slider" data-slide-to="2"></li> -->
            </ol>
            <div class="carousel-inner">
                <div class="item active" style="background-image: url(images/slider/bg1.jpg)">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-7">
                                <div class="carousel-content">
                                    <h1 class="animation animated-item-1">XX高端商城正式上线开启运营</h1>
                                    <div class="animation animated-item-2">
                                        点击菜单查看购买商品，您也可以拨打400电话向提出更多建议，我们24小时在线为您服务，点击下方按钮注册登录体验更多！
                                    </div>
                                    <a class="btn-slide animation animated-item-3" href="login">登录</a>
                                    <a class="btn-slide white animation animated-item-3" href="">注册</a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <!--/.item-->

                <div class="item" style="background-image: url(images/003.jpeg)">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-7">
                                <div class="carousel-content">
                                    <h1 class="animation animated-item-1">目前商城功能尚未完善，给您带来的不便我们深感抱歉</h1>
                                    <div class="animation animated-item-2">
                                        如果您有后台管理权限，点击“管理员模式”，深度体验我们为您精心制作的后台管理系统
                                    </div>
                                    <a class="btn-slide animation animated-item-3" href="http://127.0.0.1:10248">管理员模式</a>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
                <!--/.item-->
            </div>
            <!--/.carousel-inner-->
        </div>
        <!--/.carousel-->
        <a class="prev hidden-xs hidden-sm" href="#main-slider" data-slide="prev">
            <i class="fa fa-chevron-left"></i>
        </a>
        <a class="next hidden-xs hidden-sm" href="#main-slider" data-slide="next">
            <i class="fa fa-chevron-right"></i>
        </a>
    </section>
	<footer id="footer" class="midnight-blue">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    &copy; 2020 <a target="_blank" href="#" title="Free Twitter Bootstrap WordPress Themes and HTML templates">ShapeBootstrap</a>. All Rights Reserved.
                </div>
                <div class="col-sm-6">
                    <ul class="pull-right">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Faq</a></li>
                        <li><a href="#">Contact Us</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <!--/#footer-->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/main.js"></script>
	
	<!-- 商品 -->
	<script class="include" type="text/javascript" src="lib/jquery.dcjqaccordion.2.7.js"></script>
	<script src="lib/jquery.scrollTo.min.js"></script>
	<script src="lib/jquery.nicescroll.js" type="text/javascript"></script>
	<!--common script for all pages-->
	<script src="lib/common-scripts.js"></script>
	<script type="text/javascript">
		$(function(){//jquery中的函数,页面加载完成以后执行
		    doLoadUI("load-first-id","phone_list.html");//子分类一
		    doLoadUI("load-second-id","tv_list.html");//子分类二
		    doLoadUI("load-tuijian-id","highly_list.html");//子分类三
		
		    doLoadUI("load-host-id","hot_list.html");//今日推荐
			
		    doLoadUI("load--id","");//消息
			
		    doLoadUI("load-cart-id","cart_list.html");//我的订单
		
		    doLoadUI("load--id","");//管理员模式
		  
		  })
		  function doLoadUI(id,url){
		    $("#"+id).click(function(){
		      $("#main-slider").load(url,()=>{
		        $("#main-slider").removeData();//移出所有通过data函数绑定的数据
		      });
		    })
		  }
	</script>
</body>

</html>
